import styled from 'styled-components'
import Icon from '@/components/Icon'
import { StyledMediaContainer } from '@/style/global'
export const StyledWrap = styled(StyledMediaContainer)`
	padding-top: 30px;
`
export const StyledMeetingSpaceHeader = styled.div`
	color: #4e4e4e;
	.space-title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 24px;
		span {
			font-weight: normal;
			font-size: 12px;
			color: #b6b6b6;
			margin-left: 8px;
		}
	}
	.space-details {
		display: flex;
		flex-wrap: wrap;
		font-size: 14px;
		margin-bottom: 6px;
		&-item {
			width: 50%;
			margin-bottom: 22px;
			.item-label {
				color: #b6b6b6;
				margin-right: 44px;
			}
		}
	}
`
export const StyledBottom = styled.div`
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 100%;
	border-bottom: 2px solid #949799;
	font-size: 12px;
`
export const IconNotFound = styled(Icon)`
	width: 92px;
	height: 92px;
	background-position: 0 -3083px;
	margin-bottom: 30px;
	cursor: default;
`
export const ErrorTips = styled.div`
	font-size: 15px;
	text-align: center;
	padding-top: 160px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
`
